<template>
    <el-table
      :data="tableData"
      style="width: 100% ; height: auto;">
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="status"
        label="状态"
        width="180">
      </el-table-column>
      
      <el-table-column
        prop="date"
        label="提示时间">
      </el-table-column>
      <el-table-column
        prop="number"
        label="剩余库存">
      </el-table-column>
    </el-table>
  </template>

<script>
export default {
  name: 'Small',
  data() {
        return {
          tableData: [{
            date: '2016-05-02',
            status:'缺货',
            name: '新鲜苹果500g',
            number:2,
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            status:'缺货',
            name: '新鲜菠萝500g',
            number:2,
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            status:'缺货',
            name: '新鲜梨500g',
            number:2,
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            status:'缺货',
            name: '王小虎',
            number:2,
            address: '上海市普陀区金沙江路 1516 弄'
          },
          {
            date: '2016-05-01',
            status:'缺货',
            name: '新鲜梨500g',
            number:2,
            address: '上海市普陀区金沙江路 1519 弄'
          },
          {
            date: '2016-05-01',
            status:'缺货',
            name: '新鲜梨500g',
            number:2,
            address: '上海市普陀区金沙江路 1519 弄'
          },
          {
            date: '2016-05-01',
            status:'缺货',
            name: '新鲜梨500g',
            number:2,
            address: '上海市普陀区金沙江路 1519 弄'
          },]
        }
      }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
